/* common.css */
/*
  1 reset 重置样式
  2 common 通用样式
  	2.1 text 文字样式
  	2.2 button 按钮样式
  	2.3 layout 结构样式
  	2.4 page_layout 页面基本布局
  	2.5 function 功能性样式
  	2.6 form 表单的基本样式
  3 plugin 组件的样式
*/

/* 1 reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,hr{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ul,ol,li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;/*vertical-align:middle;*/*font-size:100%;outline:none;}
legend{color:#000;}

/* 2.1 text */
body{line-height:22px;}
.txt_small{font-size:10px;}
.txt_middle{font-size:12px;}
.txt_big{font-size:14px;}
.txt_bold{font-weight:bold;}
.txt_normal{font-weight:normal;}
.txt_center{text-align:center;}
.txt_left{text-align:left;}
.txt_right{text-align:right;}
.gray{color:#A0A0A0;}
.red{color:#C00;}
.black{color:#000;}
a:link,a:visited{text-decoration:none;}
a:hover,a:active{text-decoration:underline;}
.required{color:#C00;font-size:12px;}

.text_over{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}

/* 2.2 button*/
.btn_blue,.btn_red,.btn_gray{cursor:pointer;display:inline-block; height:22px; min-width:24px; line-height:22px; line-height:23px\9\0; *line-height:24px; font-family:Simsun\9; _overflow-y:hidden; padding:0 12px; margin:0; text-align:center; text-decoration:none; /*vertical-align:middle;*/ cursor:default; -moz-user-select:none;-webkit-user-select:none; border-radius:3px; border-radius:0\9\0; outline:none\9;}
.btn_blue:hover, .btn_red:hover, .btn_gray:hover {cursor:pointer;text-decoration:none;}
.btn_blue:active, .btn_red:active, .btn_gray:active {cursor:pointer;text-decoration:none;outline:none; box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);}
.btn_blue{border:1px solid #1d567d; color:#fff; color:#fff!important;
background: #2a96d8;
background: -moz-linear-gradient(top,#2a96d8 0%,#257db9 90%,#2e89c5 100%);
background: -webkit-linear-gradient(top,#2a96d8 0%,#257db9 90%,#2e89c5 100%);
background: -o-linear-gradient(top,#2a96d8 0%,#257db9 90%,#2e89c5 100%);
background: -ms-linear-gradient(top,#2a96d8 0%,#257db9 90%,#2e89c5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a96d8', endColorstr='#0169a9',GradientType=0 );
background: linear-gradient(top,#2a96d8 0%,#257db9 90%,#2e89c5 100%);
}
.btn_blue:active{
background: #0074bc;
background: -moz-linear-gradient(top, #0074bc, #238aca);
background: -webkit-linear-gradient(top, #0074bc, #238aca);
background: -o-linear-gradient(top, #0074bc, #238aca);
background: -ms-linear-gradient(top, #0074bc, #238aca);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0074bc', endColorstr='#238aca',GradientType=0 );
background: linear-gradient(top, #0074bc, #238aca);
}
.btn_red{border:1px solid #9c211d; color:#fff; color:#fff!important;
background: #f1505b;
background: -moz-linear-gradient(top, #ff6574, #e13841);
background: -webkit-linear-gradient(top, #ff6574, #e13841);
background: -o-linear-gradient(top, #ff6574, #e13841);
background: -ms-linear-gradient(top, #ff6574, #e13841);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6574', endColorstr='#e13841',GradientType=0 );
background: linear-gradient(top, #ff6574, #e13841);
}
.btn_red:active{
background: #e13841;
background: -moz-linear-gradient(top, #e13841, #ff6574);
background: -webkit-linear-gradient(top, #e13841, #ff6574);
background: -o-linear-gradient(top, #e13841, #ff6574);
background: -ms-linear-gradient(top, #e13841, #ff6574);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e13841', endColorstr='#ff6574',GradientType=0 );
background: linear-gradient(top, #e13841, #ff6574);
}
.btn_gray{border:1px solid #888; color:#000000; color:#000000!important;
background: #F3F3F3;
background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 90%, #F3F3F3 100%);
background: -webkit-linear-gradient(top, #ffffff 0%, #ebebeb 90%, #F3F3F3 100%);
background: -o-linear-gradient(top, #ffffff 0%, #ebebeb 90%, #F3F3F3 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #ebebeb 90%, #F3F3F3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7d7d7',GradientType=0 );
background: linear-gradient(top, #ffffff 0%, #ebebeb 90%, #F3F3F3 100%);
}
.btn_gray:active{border-color:#7e7e7e;
background: #F3F3F3;
background: -moz-linear-gradient(top, #ebebeb, #F3F3F3);
background: -webkit-linear-gradient(top, #ebebeb, #F3F3F3);
background: -o-linear-gradient(top, #ebebeb, #F3F3F3);
background: -ms-linear-gradient(top, #ebebeb, #F3F3F3);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#F3F3F3',GradientType=0 );
background: linear-gradient(top, #ebebeb, #F3F3F3);
}
.btn_disabled, .btn_disabled:active,
.btn_gray_disabled, .btn_gray_disabled:active{background:#ececec;filter:none;border-color:#c3c3c3;color:#a8a8a8!important;box-shadow:none;}
.btn_blue_disabled, .btn_blue_disabled:active{background:#98c3e2;filter:none;border-color:#a2b6c5;color:#f9fcfe!important;box-shadow:none;}
.btn_red_disabled, .btn_red_disabled:active{background:#f0acb0;filter:none;border-color:#aebfcc;color:#fffffd!important;box-shadow:none;}
input.btn{padding:2px 4px;font-size:12px;}
.btn_space{margin-right:4px;}

/* 2.3 layout */
.zoom{*zoom:1;}
.clearfix{*zoom:1;}
.clearfix:after{clear:both;content:"\20";display:block;height:0;}
.clear{clear:both;}
.left{float:left;display:inline;}
.right{float:right;display:inline;}
.none{display:none;}
.hidden{visibility:hidden;}

/* 2.4 page_layout */
body, html{height:100%;overflow:hidden;overflow-x:auto;min-width:1200px;}
.page_container{position:relative;width:100%;height:100%;overflow-y:visible;}
.page_left{float:left;width:150px;height:100%;background:#2e5b89 url(./images/left_bg.gif) repeat-y;font-family:"Microsoft Yahei","宋体";_overflow:hidden;/*ie6又有bug*/}
.page_left_inner{padding-right:10px;}
.page_left .left_logo{width:100px;height:40px;margin:0 0 0 20px;padding-top:30px;}
.page_left .logout{color:#fff;text-decoration:underline;}
.page_left .logout:hover{text-decoration:none;}
.left_logo .logo{display:block;width:100%;height:100%;background:url(./images/logo_blue_min.gif);text-indent:-9999px;}
.left_message{height:60px;margin:30px 0 0 20px;color:#efefef;font-size:14px;line-height:20px;}
.left_nav{width:140px;height:200px;margin:30px 0 0 0;}
.left_nav li{width:100%;height:50px;}
.left_nav li a{display:block;width:120px;height:50px;line-height:50px;color:#efefef;padding-left:20px;outline:none;}
.left_nav li.current a,
.left_nav li a:hover{text-decoration:none;background:url(./images/left_nav_bg.png) no-repeat;}

.page_center{margin-left:150px;height:100%;overflow-y:auto;}
.page_center_inner{padding:14px 14px 0;}
.tab_container .tab_nav{height:30px;}
.tab_nav li{float:left;width:86px;height:30px;line-height:30px;}
.tab_nav li.current{background:#9dbfe2;text-align:center;color:#666;}
.tab_nav li a{display:block;width:100%;height:100%;text-align:center;color:#666;outline:none;}
.tab_nav li a:hover{text-decoration:underline;}
.tab_content{height:30px;background:#9dbfe2;line-height:30px;color:#666;}
.tab_content_inner{padding:0 10px;}

/* 2.5 function */
.bd{border:1px solid #ddd;}
.bd_top{border-top:1px solid #ddd;}
.bd_bottom{border-bottom:1px solid #ddd;}
.bd_left{border-left:1px solid #ddd;}
.bd_right{border-right:1px solid #ddd;}
.round3{-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.round5{-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.boxshadow5{-webkit-box-shadow:0px 0px 5px #aaa;-moz-box-shadow:0px 0px 5px #aaa;box-shadow:0px 0px 5px #aaa;}
.opa0{opacity:0;filter:alpha(opacity=0);*zoom:1;}
.opa50{opacity:0.5;filter:alpha(opacity=50);}
.opa50Mask{opacity:0.5; filter:alpha(opacity=50);background:#000;}

/* 2.6 form */
input[type=name],
input[type=email],
input[type=password],
input[type=text],
textarea {color:#999;padding:1px 4px;border:1px solid #ddd;border-radius:5px;box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);}
input[type=name]:hover,
input[type=email]:hover,
input[type=password]:hover,
input[type=text]:hover,
textarea:hover {outline:none;border:1px solid #bbb;box-shadow:none;}
input[type=name]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=text]:focus,
textarea:focus {outline:none;border:1px solid #00bce9;box-shadow:0 0 5px #2da1ec;}
input.highlight,
textarea.highlight {border:1px solid #ffcc33!important;box-shadow: 0 0 5px #ffff00!important;}
input.error,
textarea.error {border: 1px solid #dd212b!important;box-shadow: 0 0 5px #ed1b24!important;}

/* 3 plugin */
/* 3.1 message */
#messageBox{}
div.msg,
div.errmsg{font-size:12px;position:absolute;top:18px;left:566px;display:none;white-space:nowrap;padding:2px 20px 2px;*padding:3px 20px 2px;color:#fff;line-height:18px; border-radius:3px;}
div.msg{background:#68af02;border:1px solid #2a79a0;*border-bottom:2px solid #68af02;z-index:3000;}
div.errmsg{background:#ef8f00;border:1px solid #af4fa0;*border-bottom:2px solid #ef8f00;z-index:3000;}
.msg a,
.errmsg a{color: #fff;text-decoration: underline;margin-left: 4px;}

/* 3.2 pager */
.pages{margin:10px 0;}
.pages .page_wrap,
.pages .page_nav{float:left;height:22px;line-height:22px;margin-right:2px;text-align:center;}
.pages .page_wrap a,
.pages .page_nav a,
.pages .cur_page_wrap{display:block;padding:0 10px;color:#369;border:1px solid #fff;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.pages .page_nav a{padding:0 6px;}
.pages .page_wrap a:hover,
.pages .page_nav a:hover,
.pages .cur_page_wrap{text-decoration:none;border-color:#3974b0;color:#fff;background:#3974b0;}

/* 3.3 scroll */
.scroll_wrap{width:24px;height:45px;position:absolute;z-index:1500;bottom:10px;right:50px;}
.scroll_wrap .up,
.scroll_wrap .down{display:block;position:absolute;width:24px;height:22px;text-indent:-9999px;background:url(./images/icon.png) -46px 0 no-repeat;}
.scroll_wrap .up{top:0;left:0;}
.scroll_wrap .down{bottom:0;left:0;background-position:-46px -23px;}
.scroll_wrap .up:hover{background-position:-71px 0;}
.scroll_wrap .down:hover{background-position:-71px -23px;}

/* 3.4 table */
.table_container{margin-top:10px;font-size:12px;font-family:"lucida Grande",Verdana;}
.table_container table{width:100%;*width:96%;/*IE6/7下会有横向滚动条*/} 
.table_container thead{background:#9dbfe2;height:30px;line-height:30px;}
.table_container th{font-weight:bold;}
.table_container tbody{cursor:pointer;}
.table_container tr td{height:26px;line-height:26px;}
.table_container tr td{border-bottom:1px solid #cddff2;}
.table_container tr.hover{background:#f1f1f1;}
.table_container tr.selected{background:#f1f1f1;}
.table_container tr.row_added{color:#ccc;background:#eee;}
.table_container tr input{width:90%;text-align:center;margin-top:2px;}

/* 3.5 icon-compare */
.icon_is_right{display:inline-block;width:12px;height:12px;background:url(/Content/images/icon.png) 0 0 no-repeat;}
.is_right{background-position:-47px -54px;}
.is_wrong{background-position:-60px -54px;}
.is_uncertain{background-position:-73px -54px;}

/* 3.6 icon-lock */
.icon_lock{display:inline-block;width:12px;height:12px;background:url(/Content/images/icon.png) -47px -68px no-repeat;}